@charset "utf-8";
/* CSS Document */
body{
	background-image: url(../images/worldcup/main-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: 100% auto;
	background-color: #E9E8E6;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
	font-family: Arial;
	size: 14px;
	color: #000000;
	line-height: 30px;

	*line-height:28px;
}


.header-heading {
	font-family: "komika_display_widebold";
	font-size: 27px;
	color: #000000;
	padding-left: 0px;
	text-align:center;

}

.body-heading {
	font-family: "komika_display_widebold"; 
	font-size: 25px;
	color: #000000;
	text-align: left;
	padding-left:25px;
	padding-top:30px;

}

.win-prizes-heading {
	font-family:"komika_display_widebold"; 
	font-size: 33px;
	color: #000000;
	text-align: center;
	text-shadow: 0px 4px 4px #ffff29;
	padding-bottom:15px;
	padding-top:25px;
}

.win-heading {
	font-family:"komika_display_widebold";
	font-size: 33px;
	color: #000000;
	text-align: center;
	text-shadow: 0px 4px 4px #ffff29;
	padding-bottom:15px;
	padding-top:25px;
}

.win-prizes-heading-2 {
	font-family: "komika_display_widebold";
	font-size: 36px;
	color: #fce40a;
	text-align: center;
	*padding-left:60px;
	
	
}

.poll-heading {
	font-family: "din-blackalternateregular";
	font-size: 28px;
	color: #000000;
	padding-bottom: 10px;	
}

.social-media-heading {
	font-family: "din-blackalternateregular";
	font-size: 28px;
	color: #000000;
	padding-bottom: 10px;
	*padding-left:7px;
	
	
}

.sign-up-heading {
	font-family: Arial;
	font-size: 33px;
	color: #000000;
	margin-top: 50px;
	margin-bottom:10px;

	text-shadow: 0px 4px 4px #ffff29;
	font-weight: bolder;
}


.contest-heading {
	font-family:Tahoma;
	font-size: 18px;
	color: #000000;
	text-align: left;
	padding-left: 5px;
	padding-top: 10px;
	line-height: 30px;

}


.contest-heading-1 {
	font-family: "komika_display_widebold";
	font-size: 18px;
	color: #000000;
	text-align: left;
	padding-left: 5px;
	padding-top: 10px;
	line-height: 30px;

}

.contest-heading-2 {
	font-family: "komika_display_widebold";
	font-size: 18px;
	color: #000000;
	text-align: center;
	padding-left:55px;
	padding-top:12px;
	padding-bottom:10px;
	text-align: left;

}

.detail-heading{
	font-family: Arial;
	font-size: 20px;
	color: #000000;
	text-align: left;
	padding-left: 5px;
	padding-top: 15px;
	
}
.term-condition-heading {
	font-family: Arial;
	font-size: 15px;
	color: #000000;
	text-align: left;
	padding-left: 5px;
	padding-top: 0px;
}



.table-bg {
	background-image: url(../images/worldcup/body-bg.jpg);
}

.table-bg-th {
	background-image: url(../images/worldcup/body-bg-th.jpg);
	
}
.circle-bullet {
	background-image: url(../images/worldcup/bullet-circle.png);
	color: #FCE40A;
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	margin-left: 12px;
	margin-top:10px;
	*padding-left:0px;
	
}

.circle-bullet-2 {
	background-image: url(../images/worldcup/bullet-circle.png);
	color: #FCE40A;
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	margin-left: 12px;
	margin-top:0px;	
}

.win-prizes {
	background-image: url(../images/worldcup/win-prizes.png);
	

}
.footer {
	width: 998px;
	height: 65px;
	min-width: 0px;
	background-color: #FCE40A;
	text-align:center;
	margin-top:0px;
}


@font-face {
    font-family: 'komika_display_widebold';
    src: url('../css/fonts/kmkdspbw-webfont.eot');
    src: url('../css/fonts/kmkdspbw-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/kmkdspbw-webfont.woff') format('woff'),
         url('../css/fonts/kmkdspbw-webfont.ttf') format('truetype'),
         url('../css/fonts/kmkdspbw-webfont.svg#komika_display_widebold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'din-blackalternateregular';
    src: url('../css/fonts/dinbka-webfont.eot');
    src: url('../css/fonts/dinbka-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/dinbka-webfont.woff') format('woff'),
         url('../css/fonts/dinbka-webfont.ttf') format('truetype'),
         url('../css/fonts/dinbka-webfont.svg#din-blackalternateregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.Contest Participant {
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
}

.form {
	width: 265px;
	height: 25px;
	border: 1px solid #cccccc;
	background-color:#ffffff;
	padding-left:5px;
	border-radius:5px;
	margin-top:3px;
	margin-bottom:3px;
}


.drop-down {
	width: 300px;
	height: 30px;
	border: 1px solid #cccccc;
	background-color:#ffffff;
	padding-left:5px;
	border-radius:5px;
	margin-top:3px;
	margin-bottom:3px;
	
}

.form-text{
	font-family:Arial; color:#000; text-align:left;font-size:13px;
	padding-left:10px;
	padding-bottom:10px;

	}

.center {*padding-left:40px;
	text-align: left;
}
.center2 {*padding-top:20px;}

.left { *margin-right:10px;}


a, img {
	border: none;
	text-align: center;
}

#select {background:url(../images/worldcup/down-arrow.jpg) no-repeat right; *background:none;}

select {
	-ms-expanddisplay: none; 
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
	background:url(../images/worldcup/down-arrow.jpg) no-repeat right;
	*background:none;
}

select::-ms-expand{
  display:none;
}


#tab 
{
	font-family: Arial;
	font-size: 15px;
	font-weight:bold;
	color:#000;
	text-align:center;
	background-image:url(../images/worldcup/tab-yw.png);
	background-repeat:no-repeat;
	width:109px;
	height:27px;
	padding-bottom:10px;
	text-decoration:none;
}

#tab:hover
{
	text-align: center;
	background-image: url(../images/worldcup/tab-yw.png);
	width: 109px;
	height: 27px;
	text-align: center;
	background-repeat: no-repeat;
	color: #000;
	font-family: Arial;
	font-size: 15px; font-weight:bold;
	padding-bottom:10px;
}

#detail-tab 
{
	font-family: Arial;
	font-size: 15px;
	font-weight:bold;
	color:#000;
	text-align:center;
	background-image:url(../images/worldcup/tab-yw.png);
	background-repeat:no-repeat;
	width:109px;
	height:27px;
	padding-bottom:10px;
	text-decoration:none;
}

#detail-tab:hover
{
	text-align: center;
	background-image: url(../images/worldcup/tab-yw-hower.png);
	width: 109px;
	height: 27px;
	text-align: center;
	background-repeat: no-repeat;
	color: #fff;
	font-family: Arial;
	font-size: 15px; font-weight:bold;
	padding-bottom:10px;
}

.fr-tab 
{
	font-family: Arial;
	font-size: 15px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background-image:url(../images/worldcup/fr-hower.png);
	background-repeat:no-repeat;
	width:90px;
	height:27px;
	padding-bottom:10px;
}

#fr-tab:hover
{
	text-align: center;
	background-image: url(../images/worldcup/fr-tab.png);
	width: 90px;
	height: 27px;
	text-align: center;
	background-repeat: no-repeat;
	color: #000;
	font-family: Arial;
	font-size: 15px; font-weight:bold;
	padding-bottom:10px;
}

.next-btn{
 margin-top:5px;
 }
 
.back-btn{
 padding-right: 5px;
 margin-top:5px;
 float:right;
 }

a.your-detail{
	font-family:Arial; size:16; font-weight:bold; color:#000; text-decoration:none;
	
	}
	
a.your-detail:hover{
	font-family: Arial;
	size: 16;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
}


.fr1-tab 
{
	font-family: Arial;
	font-size: 15px;
	font-weight:bold;
	color:#000;
	text-align:center;
	background-image:url(../images/worldcup/fr-btn.png);
	background-repeat:no-repeat;
	width:90px;
	height:27px;
	padding-bottom:10px;
}

#fr1-tab:hover
{
	text-align: center;
	background-image: url(../images/worldcup/fr-btn.png);
	width: 90px;
	height: 27px;
	text-align: center;
	background-repeat: no-repeat;
	color: #fff;
	font-family: Arial;
	font-size: 15px; font-weight:bold;
	padding-bottom:10px;
}

.validationError:-moz-placeholder {
  color: #b2bcc5;
}
.validationError::-moz-placeholder {
  color: #b2bcc5;
}
.validationError:-ms-input-placeholder {
  color: #b2bcc5;
}
.validationError::-webkit-input-placeholder {
  color: #b2bcc5;
}
.validationError.placeholder {
  color: #b2bcc5;
}

.validationError.txt-field-sample {
  border: 1px solid #e74c3c;
  background-repeat:no-repeat;
  background-position:right;
  color: #000;
  -webkit-appearance: none;
  border-radius: 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
    font-family:Arial; font-size:11px; color:#666; text-align:left;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
  -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.validationError.form {
  border: 1px solid #e74c3c;
  background-repeat:no-repeat;
  background-position:right;
  color: #000;
  -webkit-appearance: none;
  border-radius: 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
  -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.validationError.drop-down {
  border: 2px solid #e74c3c;

  background-repeat:no-repeat;
  background-position:right;
  color: #000;

 
  -webkit-appearance: none;
  border-radius: 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
  
  -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

.form:focus .validationError,
.validationError:focus {
  border-color: #1aa8cc;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form:focus, .drop-down:focus{
    border-color: #1aa8cc;
}

.validationError[disabled],
.validationError[readonly],
fieldset[disabled] .validationError {

  border-color: #d5dbdb;
  color: #d5dbdb;
  cursor: default;
}
.drop-down.form.validationError.flat {
  border-color: transparent;
}
.drop-down.form.validationError.flat:hover {
  border-color: #bdc3c7;
}
.drop-down.form.validationError.flat:focus {
  border-color: #1abc9c;
}


#email-box{
	width: 720px;
	height: 400px;
	background-color: #fff;
	float: left;
	margin-left: 105px;
	margin-top: 30px;
	margin-bottom:20px;
	padding: 10px;
	border-radius: 10px;
	box-shadow:0px 0px 20px #000;
	}
	
	
	.alert-verify{
	width:80px;
	height:93px;
	background-image:url(../images/worldcup/email-verify.jpg); background-repeat:no-repeat;
	float:left;
	margin-left:0px;
	
	}
	
	.gg-logo{
	width:94px;
	height:93px;
	background-image:url(../images/worldcup/gg-logo.jpg); background-repeat:no-repeat;
	float:right;
	margin-left:0px;
	
	}
	
	.alert-error{
	width:80px;
	height:93px;
	background-image:url(../images/worldcup/email-error.jpg); background-repeat:no-repeat;
	float:left;
	
	}
	
	.text-msg{
		
	font-family:Arial; font-size:25px; color:#000; font-weight:bold;
	text-align:left;
	padding-top:10px;
	float:left;
		}
		
	.text-msg1{
		
	font-family:Arial; font-size:23px; color:#000; font-weight:normal;
	text-align:left;
	float:left;
		}
		
	.msg-box{
		width:700px;
		height:80px;
		background-color:#fce40a;
		border-style:solid;
        border-width:2px;
        border-color:#000;
		border-radius:8px;
		float:left;
		font-family:Arial; font-size:15px; color:#000; font-weight:normal;
		text-align:left;
		padding-left:15px;
		line-height:18px;
		margin-bottom:20px;
		
		}
		
		
		.bg-alert{
		background-image:url(../images/worldcup/bg-alert.jpg); background-repeat:no-repeat;
			
		}
.mobile-text{
	font-size:12px; color:#666;
	}
	

a.terms {color:#0056ff;}

a.terms:hover {color:#000;}
	

a.terms2 { font-family: Arial; font-size: 15px; color: #0056ff; text-decoration: underline;}

a.terms2:hover {font-family: Arial; font-size: 15px; color: #000; text-decoration:underline;}

#tc-header{
	width:763px;
	height:80px;
	background-color:#fce40a;
	margin:auto;
	margin-top:20px;
	margin-bottom:5px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
	}
	
	.gg-logo2{
		width:99px;
		height:63px;
		background-image:url(../images/worldcup/gg-logo.jpg); background-repeat:no-repeat; background-position:left;
		margin-left:10px;
		padding-top:15px;
		float:left;
		}
		
	#wrapper{
		width:100%;
		height:100%;
		background-color:#fff;
		margin:auto;
		}
		
	.header-heading-2{
	font-family: "komika_display_widebold";
	font-size: 23px;
	color: #000000;
	text-align: center;
	padding-left:0px;
	padding-top:25px;}
	
	#container{
	width: 761px;
	height: auto;
	margin: auto;
	padding-top:10px;
	background-color: #fff;
	border: 1px solid #9b9b9b;
	margin-bottom:10px;
		}
		
	.pop-up-heading {
	font-family: "din-blackalternateregular";
	font-size: 20px;
	color: #000000;
	padding-top:5px;
	padding-bottom:0px;
	padding-left: 15px;
}

	.pop-up-text {
	font-family: Arial;
	font-size: 16px;
	color: #000000;
	padding-top:5px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right:15px;
	line-height:25px;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.x-close
{
    float: right;
    margin: 28px 5px 0 5px;
    padding: 0 10px;
    background-color: red;
    color: #fff;
    font-weight: bold;
}

.x-close2
{
    margin: 28px 5px 0 5px;
   text-align:center;
    background-color: #fce40a;
    color: #fff;
    font-weight: bold;
}

.sprite-icon_en{ background: url('../images/worldcup/img_sprite.png') no-repeat top left;background-position: 0 0; width: 28px; height: 28px; float:left; } 

.sprite-icon_thai{ background: url('../images/worldcup/img_sprite.png') no-repeat top left;background-position: -277px 0; width: 28px; height: 28px; float:left; } 

a.en_top {color:#000; font-size:12px; padding-top:5px; padding-left:5px; text-decoration: none; }

li
{
   list-style-type: none;
}
.tx-11 {font-size:13px;}

.term-height 
{
    line-height:1;
    font-size:11px;}

.radius-box{
	width: 958px;
	height: 45px;
	background-color: #4d4d4d;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-color: #ccccc;
	border: 1px solid #cccccc;
	margin: auto;
	margin-top: 10px;
	font-family: "komika_display_widebold";
	font-size: 28px;
	color: #fce40a;
	text-align: left;
	padding-left:20px;
	padding-top:5px;
	margin-left:10px;
	}
	
	
	.box{
	
	width:975px;
	height:570px;
	background-color:#fff;
	border-color:#ccccc;
	border: 1px solid #cccccc;
	margin:auto;
	margin-bottom:20px;
	}
	
	.box-ie
	{	

	*margin-left:10px ;
	
	}
	
	.small-banner{
		width:955px;
		height:146px;
		background-image: url(../images/worldcup/header.jpg); background-repeat:no-repeat; background-position:right;
		font-family:Arial; font-size:14px; color:#000; text-align:left;
		line-height:8px;
		*line-height:4px;
		padding-left:20px;
		}
		
	.radius-box2 {
	
	width:900px;
	height:100px;
	background-color:#fff;
	border-color:#ccccc;
	margin:auto;
	margin-top:5px;
	padding-left:20px;
	
	}
	
	.radius-box3 {
	width: 900px;
	height: 200px;
	background-color: #fff;
	border-color: #ccccc;
	border-radius: 6px;
	border: 1px solid #cccccc;
	margin: auto;
	margin-top: 0px;
	padding-left: 20px;
	padding-top: 10px;
	text-align: justify;
	}
	
		.txt-field-sample{
		width:260px;
		height:25px;
		background-color:#fff;
		border-color:#ccccc;
		border-radius:4px;
		border: 1px solid #cccccc;
		font-family:Arial; font-size:11px; color:#666; text-align:left;
		padding-left:10px;
		float:left;
		margin-right:0px;
		
		
	
		}
		.txt-field-1{
		width:260px;
		height:25px;
		background-color:#fff;
		border-color:#ccccc;
		border-radius:4px;
		border: 1px solid #cccccc;
		font-family:Arial; font-size:14px; color:#000; text-align:left;
		padding-left:10px;
		float:left;
		margin-right:0px;
		
		
	
		}
		
	.txt-field-2{
		width:260px;
		height:25px;
		background-color:#fff;
		border-color:#ccccc;
		border-radius:4px;
		border: 1px solid #cccccc;
		font-family:Arial; font-size:14px; color:#000; text-align:left;
		padding-left:10px;
		float:left;
		margin-right:0px;
		margin-bottom:10px;
		margin-left:0px;
		
		}
		
		.txt-field-name{
			font-family:Arial; font-size:14px; color:#000; text-align:left;
			float:left;
			}
			
		.submit-btn
	{
		background-image:url(../images/worldcup/submit-btn.jpg); background-repeat:no-repeat;
		float:right;
		margin-right:0px;
		
		}
		
		.mobile-no{
			font-family:Arial; font-size:11px; color:#000; text-align:left;
			
			}
		.error-msg{
			font-family:Arial; font-size:14px; color:#ff0000; text-align:left;
			}
	
	.thanks-msg
	{
	
	font-family: "komika_display_widebold";
	font-size: 28px;
	color:#000;
	text-align:center;
	margin-top:150px;
	}
	
	.thanks-msg-2
	{
	margin-top: 10px;
	font-family: Arial; font-size:22px;
	color:#000;
	text-align:center;
	}